<div class="head">
<div class="head index">
    <a href="#!/pages/index">
        <div class="logo_panel"></div>
    </a>
    <div class="search_panel">
        <div event-click="{{'$Event.search_focus'}}" class="search {{search_focus&&'focus'}}">
            <input type="text" id="search_txt" placeholder="点点滴商，搜索无限" bind-input="{{'$Cache_search_text'}}" />
            <button event-click="{{'$Event.check_search_text'}}" id="search_sub">搜 索</button>
            <div class="search_list_aps">
            </div>
        </div>
        <a href="index.html#!/pages/index_cart">
            <button id="my_cart_button">我的购物车(0)</button>
        </a>
        <div class="clear search_hot_key" id="search_hot_key">热点词：<a>元健肽</a>  <a>牡蛎肽</a>  <a>生命元蛋白肽</a>  <a>鳕鱼肽</a>  <a>精华液</a>  <a>面膜</a>
        </div>
    </div>
    <div class="clear"></div>
</div>
</div>
<div class="nav_panel">
    <div class="nav_panel index">
        <ul>
            <a href="#!/pages/index_products_type_all">
                <li class="nav_li_0">
                    <label>商品服务分类</label>
                </li>
            </a>
            <a href="#!/pages/index_preferntial">
                <li class="nav_li" id="index_preferntial_a">
                    <label>促销聚惠</label><i></i>
                </li>
            </a>
            <a href="#!/pages/index_seckill">
                <li class="nav_li" id="index_seckill_a">
                    <label>限时闪购</label><i></i>
                </li>
            </a>
            <!-- <a href="#!/pages/index_whole_sale">
                <li class="nav_li" id="index_whole_sale_a">
                    <label>限量批发</label><i></i>
                </li>
            </a> -->
            <a href="#!/pages/index_special_sale">
                <li class="nav_li" id="index_special_sale_a">
                    <label>特供专区</label><i></i>
                </li>
            </a>
            <a href="#!/pages/index_local_sale">
                <li class="nav_li" id="index_local_sale_a">
                    <label>同城易购</label><i></i>
                </li>
            </a>
            <a href="#!/pages/index_international_sale">
                <li class="nav_li" id="index_international_sale_a">
                    <label>进口专区</label><i></i>
                </li>
            </a>
            <!-- <a href="#!/pages/index_shop_type_all">
                <li class="nav_li" id="index_shop_type_all_a">
                    <label>VIP大商汇</label><i></i>
                </li>
            </a> -->
            <a href="#!/pages/index_brank">
                <li class="nav_li" id="index_brank_a">
                    <label>金融众筹</label><i></i>
                </li>
            </a>
        </ul>
    </div>
</div>
<script type="text/vm">
    function() {
        App.set("$Event.search_focus", function() {
            App.model.toggle("search_focus");
            $(this).mouseleave(function() {
                App.set('search_focus', false);
            })
        });

        App.set("$Event.check_search_text", function() {
            if (App.get("$Cache_search_text")) {
                location.href = "index.html#!/pages/index_search?search_id=" + App.get("$Cache_search_text");
                App.set("search_focus", false);
            } else {
                alert("请输入文字");
                App.set("search_focus", false);
            };
        })
    }
</script>